<template>
	<view>
		<u-navbar :title="title" :autoBack="true" :leftIcon="isBack ? 'arrow-left' : ''" :fixed="fixed" :bgColor="bgColor" :titleStyle="titleStyle"
			:placeholder="true" leftIconSize="36" @leftClick="leftClick" @rightClick="rightClick">
			<view slot="right" v-if="rightBtnText" class="slot-btn" :style="titleStyle">
				{{rightBtnText}}
			</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: () => {
					return '111'
				}
			},
			fixed: {
				type: Boolean,
				default: () => {
					return true
				}
			},
			isBack: {
				type: Boolean,
				default: () => {
					return true
				}
			},
			leftIconColor: {
				type: String,
				default: () => {
					return ''
				}
			},
			bgColor:{
				type: String,
				default: () => {
					return '#ffffff'
				}
			},
			titleStyle:{
				type: Object,
				default: () => {
					return null
				}
			},
			rightBtnText:{
				type: String,
				default: () => {
					return ''
				}
			}
		},
		data() {
			return {}
		}
	}
</script>

<style scoped lang="scss">
	.slot-btn{
		font-size: 26rpx;
		color: #666;
	}
</style>